<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>04_图面插入</title>
</head>
<body>
    <!--右键选中.html文件“open in ”“Exploer”-->
    <!--相对路径:从当前要插入的资源的html出发，去找目标
    1）目标与html在同一级目录:直接写目标全名！
    2）目标在html的兄弟/子目录下:先写目录名，在写兄弟/子目录里的目标
    3）目标在html的上层目录：先写../回到上级,在写目标-->
    <img src="1.jpg" alt="">
    <img src="img/3.png" alt="">
    <img src="../2.png" alt="">
    <img src="abd" alt="哎呀,图片被超哥偷走了">
    <!--width设置图片宽度 height设置图片高度
    图片失真：图片的宽高比例不对,压缩或拉伸了
    图片本身是有大小和高比的,可以只设置宽高其中一个属性,另一个会跟着改-->
    <img src="img/image.png" width="200" height="200">
    <img src="img/image.png" width="200" >
    <img src="img/image.png" height="200" >
    <img src="https://cdn.tmooc.cn/bsfile//courseImg///f93f25fba0a84f72be47f5058f84a655.png">







</body>
</html>